﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<MvcMayTinhLinQ.Models.ThuongHieuModels>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
  
    </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  <link type="text/css" href="../../Content/dataTables/demo_table.css" rel="stylesheet"/>
    <script type="text/javascript" src="../../Scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.dataTables.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {

            var oTable = $('#MyDataTable').dataTable({
                "bServerSide": true,
                "sAjaxSource": "ThuongHieu/AjaxHandler",
                "bProcessing": true,
                "sCrollX": true,
                "aoColumns": [
                                {
                                    "sName": "Id",
                                    "bSearchable": false,
                                    "bSortable":false,
                                    "fnRender": function (oObj) {
                                       return '<input type=\'checkbox\' name=\'checkboxth\' id=' + oObj.aData[0] + '>';
                                    }
                                },
                                { "sName": "TenThuongHieu" },
                                { "sName": "Mota" },
                                {
                                    "sName": "Logo",
                                    "bSearchable": false,
                                    "bSortable": false,
                                    "fnRender": function (oObj) {
                                        return '<img src=' + oObj.aData[3] + '>';
                                    }
                                }

                ]
            });
        });

    </script>
    Index

<h2>Index</h2>

<p>
  
</p>
<div id="container">
    <div id="demo">
        <table id="MyDataTable" class="display">
  <thead>
        <tr>
           <th><input type="checkbox" id="checkall"/></th>
        <th>
           Tên thương hiệu
        </th>
        <th>
           Mô tả
        </th>
        <th>
            Lô gô
        </th>
        <th></th>
    </tr>
  </thead>

   <tbody>
      
   </tbody>

</table>

    </div>
</div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ScriptsSection" runat="server">
</asp:Content>
